<template>
<div id = 'main'>
<el-popover
  placement="right"
  width="400"
  trigger="click">
  <map1  style="position:static"></map1> 
  <el-button slot="reference">click 激活</el-button>
</el-popover>  
<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
  <map1  style="position:static"></map1> 
  <span slot="footer" class="dialog-footer">
  </span>
</el-dialog>
<el-button type="success" @click="dialogOpen">显示地图</el-button>
 <el-card :body-style="{ padding: '0px' }">
      <!-- <img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" class="image"> -->
        <map1  style="position:static"></map1> 
    </el-card>

     <map1  style="position:static"></map1> 
</div>
</template>

<script>
import map1 from './components/mapCotainer.vue'
export default {
  data() {
    return {
      dialogVisible: false,
    }
  },
  components:{
    map1
  },
  methods:{
    dialogOpen(){
      this.dialogVisible = true;
    },
  }
}
</script>

<style>

</style>